.contact-list-ul{
    line-height: 40px;
    li{
        font-size: 14px;
        color: #0B1816;
        padding-left: 56px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        background-size: 20px;
        cursor: pointer;
        .contact-list-unreadNum{
            position: relative !important;
        }
    }
    li.active{
        color: #2DD0CF;
    }
    .contact-verify{
        background: url('../../../assets/images/verify-normal.svg') 20px 10px no-repeat;
    }
    .contact-verify.active{
        background-image: url('../../../assets/images/verify-active.svg');
    }
    .contact-verify:hover{
        background-image: url('../../../assets/images/verify-active.svg');
        color: #2DD0CF;
    }
    .contact-linkman{
        background: url('../../../assets/images/linkman-normal.svg') 20px 10px no-repeat;
    }
    .contact-linkman.active{
        background-image: url('../../../assets/images/linkman-active.svg');
    }
    .contact-linkman:hover{
        background-image: url('../../../assets/images/linkman-active.svg');
        color: #2DD0CF;
    }
    .contact-group{
        background: url('../../../assets/images/group-normal.svg') 20px 10px no-repeat;
    }
    .contact-group.active{
        background-image: url('../../../assets/images/group-active.svg');
    }
    .contact-group:hover{
        background-image: url('../../../assets/images/group-active.svg');
        color: #2DD0CF;
    }
}